@import './var.scss';
@import './utilities.scss';
@import './animations.scss';
@import './classes.scss';

@include all() {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  
}

page,
body {
  --color-primary: #{$--color-primary};
  --color-secondary: #{$--color-secondary};
  --color-success: #{$--color-success};
  --color-error: #{$--color-error};
  --color-primary-bg: #{$--color-primary-bg};
  --color-secondary-bg: #{$--color-secondary-bg};
  --wot-color-theme:#{$--color-primary};
  color: $--color-text;
  font-size: $--font-size;
  font-family: 'PingFangSC-Regular', 'PingFang SC', 'Inter', system-ui,
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    Cantarell, 'Open Sans', 'Helvetica Neue', 'Roboto Flex', 'Roboto',
    'Helvetica ', 'Arial', sans-serif;
  font-variation-settings: 'wght' 100, 'wdth' 100, 'opsz' 8;
  background-color: $--color-bg;
}

.theme-primary {
  @include theme('primary');
}

.theme-secondary {
  @include theme('secondary');
}

.icon-svg {
  width: 24px;
  height: 24px;
}

.uni-numbox {
  &__value,
  &-btns,
  &--text {
    height: 32px !important;
    color: $--color-text !important;
  }

  &-btns {
    width: 32px;
  }

  &--text {
    display: flex;
    align-items: center;
    color: $--color-text !important;
    font-size: $--font-size !important;
  }
}

.remind-title {
  margin-bottom: $--margin-xxs;
  color: $--color-text;
  font-size: $--font-size;

  @include text-bold();
}

.remind-list {
  padding-bottom: calc($--padding-xs + 2px);
  color: $--color-text;
  font-weight: normal;
  white-space: normal;

  .remind-item {
    position: relative;
    margin-bottom: $--margin-xxs;
    font-size: $--font-size-small;
  }
}
